<!DOCTYPE html>
<!-- 全选  全不选 -->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery.min.js"></script>

</head>
<body>
<from method="post" action="">
   <from method="post" action=""> <br>
	<input type="checkbox" id="checkedAll_2" />全选/全不选 <br />
	<input type="checkbox" name="items" value="喜好1" /> 
	<input type="checkbox" name="items" value="喜好2" /> 
	<input type="checkbox"name="items" value="喜好3" /> 
	<input type="checkbox" name="items"value="喜好4" /> 
		<br />

		<input type="button" id="checkedAll" value="全选"> 
		<input type="button" id="checkedNo" value="全不选"> 
		<input type="button" id="checkedRev" value="反选"> 
		<input type="button" id="send" value="提交"> 
		</from>
</body>




</from>
</body>
<script type="text/javascript">
$(document).ready(function() {
	$("#checkedAll").click(function() {
		$("input[name=items]").prop("checked", true);
	})
	$("#checkedNo").click(function() {
		$("input[name=items]").prop("checked", false);
	})
	$("#checkedRev").click(function() {
		//index 下标，domEle返回的是一个dom对象
		$("input[name=items]").each(function(index, domEle) {
			if ($(domEle).prop("checked")) {
				$(domEle).prop("checked", null);
			} else {
				$(domEle).prop("checked", "checked");
			}
		});
	});
	$("#checkedAll_2").click(function() {
		if ($(this).attr("checked")) {
			$("input[name=items]").prop("checked", "checked");
		} else {
			$("input[name=items]").prop("checked", true);
		}
	})

})

</script>
</html>